<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>发布公交车</title>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
    <link href="libs/iosselect/iosSelect.css" rel="stylesheet" type="text/css"/>
</head>
<body id="fbgjc">
    <div class="container" >
        <div class="swiper-container swiper-picture">
            <div class="swiper-wrapper">
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" > <img src="tmp/1493192339733.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1493977819740.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" > <img src="tmp/1493192339733.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1493977819740.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" > <img src="tmp/1493192339733.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1493977819740.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" > <img src="tmp/1493192339733.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1493977819740.jpg" /></a>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pages"></div>
        </div>
        <div class="bk-01">
            <ul>
                <li class="clearAr type-01">
                    <span>媒体形式</span>
                    <span class="type-data-01">整车</span>
                </li>
                <li class="times">
                    <span>投放周期</span>
                    <span >3个月</span>
                </li>
                <li class="clearAr">
                    <span>投放开始时间</span>
                    <span class="time-limit">联系客服</span>
                </li>
                <li class="putIn">
                    <span>投放数量</span>
                    <div class="numBox">
                        <div class="bnl">-</div>
                        <div class="input"></div>
                        <div class="bnr">+</div>
                    </div>
                </li>
                <li class="coupon mt">
                    <span>优惠券</span>
                    <span class="tag">免单券</span>
                </li>
            </ul>
        </div>
        <div class="bk-02">
            <ul>
                <li><span>产品总计：</span><span>¥<i>322.00</i></span></li>
                <li><span>优惠券抵：</span><span>-¥<i>5.00</i></span></li>
            </ul>
            <div class="clause">
                <div class="checkbox red act"></div>
                <p>本人同意并接受<span>《平台发布规范》</span></p>
            </div>
        </div>
        <div class="bk-03">
            <div class="btn-order">提交订单</div>
            <div class="bk-pay">
                <p>实际应付款</p>
                <p>¥<i>322.00</i></p>
            </div>
        </div>
    </div>
    <script src="js/rem.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="libs/iosselect/iscroll.js"></script>
    <script src="libs/iosselect/iosSelect.js"></script>
    <script>
        $(function () {
            var swiperPicture = new Swiper('.swiper-picture', {
                pagination: '.swiper-pages',
                paginationType : 'fraction',
                paginationFractionRender: function (swiper, currentClassName, totalClassName) {
                    return '<span class="' + currentClassName + '"></span>' +
                        '/' +
                        '<span class="' + totalClassName + '"></span>';
                }

            });
            var industry={
                arr1:[
                    {'id': '110000', 'value': '北京市', 'parentId': '0'},
                    {'id': '120000', 'value': '天津市', 'parentId': '0'},
                    {'id': '130000', 'value': '河北省', 'parentId': '0'}
                ],
                arr2:[
                    {"id":"110100","value":"北京市","parentId":"110000"},
                    /**********天津市********/
                    {"id":"120100","value":"天津市","parentId":"120000"},
                    /**********河北省********/
                    {"id":"130100","value":"石家庄市","parentId":"130000"},
                    {"id":"130200","value":"唐山市","parentId":"130000"},
                    {"id":"130300","value":"秦皇岛市","parentId":"130000"},
                    {"id":"130400","value":"邯郸市","parentId":"130000"},
                    {"id":"130500","value":"邢台市","parentId":"130000"},
                    {"id":"130600","value":"保定市","parentId":"130000"},
                    {"id":"130700","value":"张家口市","parentId":"130000"},
                    {"id":"130800","value":"承德市","parentId":"130000"},
                    {"id":"130900","value":"沧州市","parentId":"130000"},
                    {"id":"131000","value":"廊坊市","parentId":"130000"},
                    {"id":"131100","value":"衡水市","parentId":"130000"}
                ]
            }
            $('.type-01').click(function(){
                var iosSelectIndustry = new IosSelect(1,
                    [industry.arr2],
                    {
                        title: '行业分类',
                        itemHeight:35,
                        headerHeight:44,
                        showLoading:true,
                        callback: function (selectOneObj) {
                            $(".type-data-01").text(selectOneObj.value)

                        }
                    });
            });
            
            
            var $numBox = $(".numBox")

            var n =0
            $numBox.find(".input").text(n)
            $numBox.find(".bnl").on("click",function () {
                if(n<=0) return;
                $numBox.find(".input").text(--n)
            });
            $numBox.find(".bnr").on("click",function () {
                if(n>=30) return;
                $numBox.find(".input").text(++n)
            })
            
            
            
        })



    </script>
</body>
</html>